<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>抽签</title>
  	<link rel="stylesheet" href="__STATIC__/layui/css/layui.css">
  	<link rel="stylesheet" href="__CSS__/operation.css">

</head>
<body>

	<!-- 折叠面板 -->
	<div class="layui-collapse">
	  <div class="layui-colla-item">
	    <h2 class="layui-colla-title">列表</h2>
	    <div class="layui-colla-content layui-show">
	    	<div class="demoTable">
			  搜索ID：
			  <div class="layui-input-inline">
			    <input class="layui-input"  id="demoReload"></input>
			  </div>
			  <button class="layui-btn" data-type="reload" id="search">搜索</button>
			  <a href="{:url('Index/index')}" class="layui-btn" style="float: right;">
			  	返回
			  </a>
			</div>

			<!-- 数据表格 -->
			<table id="data_table" lay-filter="stu"></table>

			<script type="text/html" id="data_operation">
			  <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
			</script>
			<script type="text/html" id="gender">
				{{#  if(d.gender === '男'){ }}
				    <span style="color: #6495ED;">{{ d.gender }}</span>
				{{#  } else if(d.gender === '女') { }}
				    <span style="color: #F581B1;">{{ d.gender }}</span>
				{{#  } }}
			</script>
	    </div>
	  </div>
	  <div class="layui-colla-item">
	    <h2 class="layui-colla-title">添加</h2>
	    <div class="layui-colla-content">
	    	<!-- 添加表格数据 -->
	    	<form method="post" class="layui-form" action="{:url('Operation/add_sut')}">
				<table class="layui-table">
				  <colgroup>
				    <col width="150">
				    <col width="150">
				    <col width="150">
				    <col>
				  </colgroup>
				  <thead>
				    <tr>
				      <th>姓名</th>
				      <th>性别</th>
				      <th>年龄</th>
				      <th>身高(cm)</th>
				      <th>体重(kg)</th>
				      <th>操作</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				      <td>
				      	<input type="text" name="stuName[]" required lay-verify="name" placeholder="请输入姓名" class="layui-input">
				      </td>
				      <td>
				      	<select name="gender[]">
				      		<option value="男" selected>男</option>
				      		<option value="女">女</option>
				      	</select>
				      </td>
				      <td>
				      	<select name="age[]" lay-verify="age" lay-filter="age">
						  <option value="">请选择年龄</option> 
						  <option value="13">13</option>
						  <option value="14">14</option>
						  <option value="15">15</option>
						  <option value="16">16</option>
						  <option value="17">17</option>
						  <option value="18">18</option>
						  <option value="19">19</option>
						  <option value="20">20</option>
						  <option value="21">21</option>
						  <option value="21">21</option>
						  <option value="23">23</option>
						  <option value="24">24</option>
						  <option value="25">25</option>
						  <option value="26">26</option>
						  <option value="27">27</option>
						  <option value="28">28</option>
						  <option value="29">29</option>
						  <option value="30">30</option>
						</select> 
				      </td>
				      <td>
				      	<input type="text" name="height[]" lay-verify="height|number" placeholder="请输入身高" class="layui-input">
				      </td>
				      <td>
				      	<input type="text" name="weight[]" lay-verify="weight|number" placeholder="请输入体重" class="layui-input">
				      </td>
				      <td>
				      	<a class="layui-btn layui-btn-warm layui-btn-small"><i class="layui-icon">&#xe640;</i></a>
				      </td>
				    </tr>
				  </tbody>
				</table>

				<a href="javascript:void(0);" class="layui-btn" id="add_to"><i class="layui-icon">&#xe61f;</i></a>
				<button type="submit" class="layui-btn" lay-submit="" style="float: right;">确定</button>
			</form>
	    </div>
	  </div>
	</div>


<script src="__STATIC__/layui/layui.js"></script>
<script src="__JS__/operation.js"></script>
</body>
</html>